<!DOCTYPE html>
<html>
  <head>
    <!-- 设置字符集为UTF-8 -->
    <meta charset="UTF-8" />
    <!-- 设置视口宽度为设备宽度，初始缩放比例为1.0 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
      /* 按钮样式：背景颜色为蓝色，字体大小为24像素 */
      button {
        background-color: blue;
        font-size: 24px;
      }
    </style>
    <!-- 页面标题 -->
    <title>Web前端初体验</title>
  </head>
  <body>
    <!-- 触发许愿的按钮 -->
    <button>许个愿吧1</button>
    <script>
      // 当按钮被点击时，显示一个警告框
      document.querySelector('button').onclick = function () {
        alert('有钱有闲')
      }
    </script>
  </body>
</html>